<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="stylesheet" href="./../css/Mi.css">
    <script src="./../js/Mi.js"></script>
</head>

<body>
    <div class="right-box">
        <!-- 侧边固定板块 -->
            <div class="box1">
                <a class="link_first" href="">
                    <div class="pic-box">
                        <img class="img1" src="./../icon/手机.png" alt="">
                        <img class="img2" src="../icon/侧边固定栏_手机.png" alt="">
                    </div>
                    <p>手机APP</p>
                </a>
            </div>
            <div class="box2">
                <a href="">
                    <div class="pic-box">
                        <img class="img1" src="./../icon/个人中心.png" alt="">
                        <img class="img2" src="./../icon/侧边固定栏_个人.png" alt="">
                    </div>

                    <p>个人中心</p>
                </a>
            </div>
            <div class="box3">
                <a href="">
                    <div class="pic-box">
                        <img class="img1" src="./../icon/客服.png" alt="">
                        <img class="img2" src="./../icon/侧边固定栏_客服png.png" alt="">
                    </div>
                    <p>人工客服</p>
                </a>
            </div>
            <div class="box4">
                <a href="">
                    <div class="pic-box">
                        <img class="img1" src="./../icon/维修.png" alt="">
                        <img class="img2" src="./../icon/侧边固定栏_售后.png" alt="">
                    </div>
                    <p>售后服务</p>
                </a>
            </div>
            <div class="box5">
                <a href="">
                    <div class="pic-box">
                        <img class="img1" src="./../icon/购物车空.png" alt="">
                        <img class="img2" src="./../icon/侧边固定栏_购物车.png" alt="">
                    </div>
                    <p>购物车</p>
                </a>
            </div>
        <!-- 回到顶部 -->
        <div class="return_top">
            <div class="pic-box">
                <img class="img1" src="./../icon/回顶部.png" alt="">
                <img class="img2" src="./../icon/侧边栏_回顶部.png" alt="">
            </div>
            <p>回到顶部</p>
        </div>
    </div>


    <!-- 最大盒子 -->
    <div class="mi_box">
        <!-- 头部盒子 -->
        <div class="header">
            <!-- 头部中心块盒子 -->
            <div class="header_middle mediate clearfix">
                <ul class="list1 fl_left clearfix">
                    <li><a href="">小米商城</a><span>|</span></li>
                    <li><a href="https://home.miui.com/">MIUI</a><span>|</span></li>
                    <li><a href="https://iot.mi.com/">IoT</a><span>|</span></li>
                    <li><a href="https://i.mi.com/">云服务</a><span>|</span></li>
                    <li><a href="">金融</a><span>|</span></li>
                    <li><a href="https://www.xiaomiyoupin.com/">有品</a><span>|</span></li>
                    <li><a href="https://xiaoai.mi.com/">小爱开放平台</a><span>|</span></li>
                    <li><a href="https://qiye.mi.com/">企业团购</a><span>|</span></li>
                    <li><a href="https://www.mi.com/aptitude/list?id=41">资质证照</a><span>|</span></li>
                    <li><a href="https://www.mi.com/aptitude/list">协议规则</a><span>|</span></li>
                    <li><a href="https://www.mi.com/appdownload">下载app</a><span>|</span></li>
                    <li><a href=""> Select Location</a></li>
                </ul>
                <ul class="list2 fl_right clearfix">
                    <li><a href="">登录</a><span>|</span></li>
                    <li><a href="">注册</a><span>|</span></li>
                    <li><a href="">消息通知</a></li>
                    <li class="shopping_car">
                        <img style="width: 20px;height: 16px;" src="./../icon/购物车空.png" alt="">
                        <a href="">购物车(0)</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部导航下面第一个盒子 -->
        <div class="header_first mediate clearfix">
            <!-- logo -->
            <div class="logo w_left fl_left">
                <img src="./../icon/小米.png" alt="小米logo">
            </div>
            <!-- 中间导航链接 -->
            <div class="top_bar fl_left">
                <ul>
                    <li><a href=""> 小米手机</a></li>
                    <li><a href="">Redmi 红米</a></li>
                    <li><a href="">智能硬件</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <!-- 搜索框 -->
            <div class="search fl_right clearfix">
                <input type="search" class="input_search" value="小米11">
                <div class="fl_right">
                    <img src="./../icon/搜索.png" alt="">
                </div>
            </div>
        </div>

        <!-- 头部导航下面第二个盒子 ，侧边栏+轮播图-->
        <div class="header_second mediate clearfix">
            <a href="">
                <div class="swper">
                    <img src="./../轮播图2.webp" alt="">
                </div>
            </a>
            <div class="banner_box w_left">
                <ul>
                    <li><a href="https://www.mi.com/p/1915.html">电话 手机卡<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/a/h/9819.html">电视 盒子<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/a/h/7529.html">笔记本 显示器<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/a/h/7529.html">家电 插线板<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/p/9285.html">出行 穿戴<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/p/9289.html">智能 路由器<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/a/h/8363.html">电源 配件<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/p/9292.html">健康 儿童<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/p/9292.html">耳机 音箱<span>&gt;</span></a></li>
                    <li><a href="https://www.mi.com/buy/detail?product_id=11674">生活 箱包<span>&gt;</span></a></li>
                </ul>
            </div>
        </div>

        <!-- 头部导航下面第三个盒子 ,产品展示区 -->
        <div class="header_third mediate clearfix">
            <div class="icon_list fl_left w_left">
                <ul>
                    <li>
                        <a href="https://www.mi.com/buy/seckill">
                            <img src="./../icon/1.png" alt="小米秒杀"><a href="">小米秒杀</a>
                        </a>
                    </li>
                    <li>
                        <a href="https://qiye.mi.com/g">
                            <img src="./../icon/2.png" alt="企业团购"><a href="">企业团购</a>
                        </a>
                    </li>
                    <li>
                        <a href="https://qiye.mi.com/">
                            <img src="./../icon/3.png" alt="F码通道"><a href="">F码通道</a>
                        </a>
                    </li>
                    <li>
                        <a href="https://qiye.mi.com/">
                            <img src="./../icon/4.png" alt=""><a href="">F码通道</a>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.mi.com/a/h/16769.html">
                            <img src="./../icon/5.png" alt=""><a href="">F码通道</a>
                        </a>
                    </li>
                    <li>
                        <a
                            href="https://account.xiaomi.com/fe/service/login/password?_locale=zh_CN&sid=recharge&qs=%253Fcallback%253Dhttp%25253A%25252F%25252Frecharge.10046.mi.com%25252Fsts%25253Fsign%25253DbC%2525252Bk1yrraTJbriZ0UbiV7hfzHz4%2525253D%252526followup%25253Dhttp%2525253A%2525252F%2525252Frecharge.10046.mi.com%2525252F%2526sid%253Drecharge%2526_locale%253Dzh_CN&callback=http%3A%2F%2Frecharge.10046.mi.com%2Fsts%3Fsign%3DbC%252Bk1yrraTJbriZ0UbiV7hfzHz4%253D%26followup%3Dhttp%253A%252F%252Frecharge.10046.mi.com%252F&_sign=P%2BzbqaqaY2j9zuZTC7mrhVJnmJo%3D&serviceParam=%7B%22checkSafePhone%22%3Afalse%2C%22checkSafeAddress%22%3Afalse%2C%22lsrp_score%22%3A0.0%7D&showActiveX=false&theme=&needTheme=false&bizDeviceType=">
                            <img src="./../icon/6.png" alt=""><a href="">F码通道</a>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="photo fl_right">
                <a href="https://www.mi.com/buy/detail?product_id=12511"><img src="./../img/Remmi 9A.jpg" alt=""></a>
                <a href="https://www.mi.com/mi11"><img src="./../img/小米11.jpg" alt=""></a>
                <a href="https://www.mi.com/buy/detail?product_id=12931"><img src="./../img/watch.jpg" alt=""></a>
            </div>
        </div>

        <!-- 中间浅灰色内容块大盒子 -->
        <div class="container">
            <!-- 小米秒杀 -->
            <div class="container_first mediate clearfix">

                <div class="tittle">小米秒杀<span class="fl_right">&gt;</span><span class="fl_right">&lt;</span></div>
                <!-- 倒计时 -->
                <div class="countdown w_left fl_left">
                    <p>12:00场</p>
                    <div class="lightning">
                        <img src="./../icon/闪电.png" alt="">
                    </div>
                    <div>距离结束还有</div>
                    <div class="timer">
                        <div class="hour fl_left"></div><span class="fl_left">:</span>
                        <div class="minute fl_left"></div><span class="fl_left">:</span>
                        <div class="second fl_left"></div>
                    </div>
                </div>

                <!-- 秒杀产品块 -->
                <div class="seckill fl_left">
                    <ul>
                        <li class="w_left fl_left">
                            <a href="">
                                <img src="./../img/小米秒杀2.jpg" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="w_left fl_left">
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/小米秒杀3.jpg" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>199</span>元
                                        <del>239元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="w_left fl_left">
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/小米秒杀4.jpg" alt="">
                                <div class="text">
                                    <p class="headline">米家防蓝光护目镜 Pro 墨蓝色</p>
                                    <p class="desc">科学护眼 舒适防污</p>
                                    <p class="price">
                                        <span>139</span>元
                                        <del>149元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="w_left fl_left">
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/小米秒杀5.jpg" alt="">
                                <div class="text">
                                    <p class="headline">LUCKYMELIFE牛运亨通新年生肖足金转运珠手链 五福牛</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 宽度为1227px的大图一 -->
                <div class="big_photo">
                    <img class="mediate" src="./../img/80%width_图1.webp" alt="">
                </div>
            </div>
            <!-- 内容块第二个盒子 手机模块 -->
            <div class="container_second clearfix mediate">
                <div class="mobile_phone tittle clearfix">
                    <span>手机</span>
                    <a class="fl_right" href="https://www.mi.com/p/1915.html">
                        <span class="check_more">查看更多</span>
                        <span class="right_arrow">&gt;</span>
                    </a>
                </div>
                <!-- 手机图片 -->
                <div class="mobile_photo mi_photo clearfix fl_left">
                    <ul class="fl_left">
                        <li class="mix_fold w_left"><a href=""><img src="./../img/mix_fold.webp" alt=""></a></li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_first.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_second.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_third.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_fourth.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_fifth.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.mi.com/buy/seckill">
                                <img src="./../img/produce1_sixth.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./../img/produce1_seventh.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="active">
                            <a href="https://www.mi.com/mi11ultra">
                                <img src="./../img/produce1_eighth.webp" alt="">
                                <div class="text">
                                    <p class="headline">米家运动心电T恤 M 深花灰</p>
                                    <p class="desc">米家运动心电T恤</p>
                                    <p class="price">
                                        <span>299</span>元
                                        <del>299元</del>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 宽度为1227px的大图二 -->
                <div class="big_photo1 mediate">
                    <img class="mediate" src="./../img/80%宽_图2.webp" alt="">
                </div>
            </div>

            <!-- 家电模块的盒子结构 -->
            <div class="home_appliances mi_photo mediate clearfix">
                <div class="tittle">
                    <span>家电</span>
                    <span class="tittle_right fl_right">
                        <a href="https://www.mi.com/mi11ultra">热门</a>
                        <a href="https://www.mi.com/mi11ultra">家电影音</a>
                    </span>
                </div>
                <ul class="clearfix">
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/produce2-1.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce2-2.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="https://www.mi.com/mi11ultra">
                            <img src="./../img/produce2-3.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="https://www.mi.com/mi11ultra">
                            <img src="./../img/produce2-4.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce2-5.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/produce2-6.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce2-7.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce2-8.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce2-9.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left clearfix li_last">
                        <div class="div1 clearfix">
                            <a href="" class="fl_left link">
                                米家空气净化器Pro <br><br>
                                <strong style="color: #f00;">1299元</strong>
                            </a>
                            <a class="fl_left" href="">
                                <img src="./../img/produce2-5.webp" alt="">
                            </a>
                        </div>
                        <div class="div2 clearfix">
                            <a href="https://www.mi.com/p/1915.html" class="link fl_left">
                                <p style="font-size: 20px;"><strong>查看更多</strong> </p>
                                <p style="color: rgb(182, 139, 139);">热门</p>
                            </a>
                            <a href="" class="fl_left" style="width: 99px;">
                                <img src="./../img/查看更多.svg" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
                <div class="big_photo1 mediate">
                    <img class="mediate" src="./../img/80%宽_图3.webp" alt="">
                </div>
            </div>

            <!-- 智能盒子模块，和家电模块一样，可以进行复用 -->
            <div class="home_appliances mi_photo mediate clearfix">
                <div class="tittle">
                    <span>智能</span>
                    <span class="tittle_right fl_right">
                        <a href="">热门</a>
                        <a href="">家电影音</a>
                    </span>
                </div>
                <ul class="clearfix">
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/produce3-1.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce3-2webp.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href=""><img src="./../img/搭配-1.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href=""><img src="./../img/produce3-4.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href=""><img src="./../img/produce3-5.jpg" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/produce3-6.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/produce3-7.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce3-8.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/produce3-9.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left clearfix li_last">
                        <div class="div1 clearfix">
                            <a href="" class="fl_left link">
                                米家空气净化器Pro <br><br>
                                <strong style="color: #f00;">1299元</strong>
                            </a>
                            <a class="fl_left" href="">
                                <img src="./../img/智能-10.webp" alt="">
                            </a>
                        </div>
                        <div class="div2 clearfix">
                            <a href="https://www.mi.com/p/1915.html" class="link fl_left">
                                <p style="font-size: 20px;"><strong>查看更多</strong> </p>
                                <p style="color: rgb(182, 139, 139);">热门</p>
                            </a>
                            <a href="" class="fl_left" style="width: 99px;">
                                <img src="./../img/查看更多.svg" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
                <div class="big_photo1 mediate">
                    <img class="mediate" src="./../img/80%宽-图4.webp" alt="">
                </div>
            </div>

            <!-- 搭配盒子模块，和上一个模块一样，可以进行复用 -->
            <div class="home_appliances mi_photo mediate clearfix">
                <div class="tittle">
                    <span>搭配</span>
                    <span class="tittle_right fl_right">
                        <a href="">热门</a>
                        <a href="">耳机音响</a>
                    </span>
                </div>
                <ul class="clearfix">
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/搭配-1.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/搭配-2.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-3.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-4.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-5.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img class="mi_picture" src="./../img/搭配-6.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-7.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-8.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left"><a href="">
                            <img src="./../img/搭配-9.jpg" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left clearfix li_last">
                        <div class="div1 clearfix">
                            <a href="" class="fl_left link">
                                米家空气净化器Pro <br><br>
                                <strong style="color: #f00;">1299元</strong>
                            </a>
                            <a class="fl_left" href="">
                                <img src="./../img/搭配-10.webp" alt="">
                            </a>
                        </div>
                        <div class="div2 clearfix">
                            <a href="https://www.mi.com/p/1915.html" class="link fl_left">
                                <p style="font-size: 20px;"><strong>查看更多</strong> </p>
                                <p style="color: rgb(182, 139, 139);">热门</p>
                            </a>
                            <a href="https://www.mi.com/p/1915.html" class="fl_left" style="width: 99px;">
                                <img src="./../img/查看更多.svg" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
                <div class="big_photo1 mediate">
                    <img class="mediate" src="./../img/80%宽_图5.webp" alt="">
                </div>
            </div>

            <!-- 配件盒子模块，和上一个模块一样，可以进行复用 -->
            <div class="home_appliances mi_photo mediate clearfix">
                <div class="tittle">
                    <span>配件</span>
                    <span class="tittle_right fl_right">
                        <a href="">热门</a>
                        <a href="">充电器</a>
                    </span>
                </div>
                <ul class="clearfix">
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/周边-1.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-2.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-3.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-4.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-5.png" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img class="mi_picture" src="./../img/周边-6.webp" alt="">
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-7.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-8.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left">
                        <a href="">
                            <img src="./../img/周边-9.webp" alt="">
                            <div class="text">
                                <p class="headline">米家运动心电T恤 M 深花灰</p>
                                <p class="desc">米家运动心电T恤</p>
                                <p class="price">
                                    <span>299</span>元
                                    <del>299元</del>
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="w_box fl_left clearfix li_last">
                        <div class="div1 clearfix">
                            <a href="" class="fl_left link">
                                米家空气净化器Pro <br><br>
                                <strong style="color: #f00;">1299元</strong>
                            </a>
                            <a class="fl_left" href="">
                                <img src="./../img/周边-10.webp" alt="">
                            </a>
                        </div>
                        <div class="div2 clearfix">
                            <a href="https://www.mi.com/video" class="link fl_left">
                                <p style="font-size: 20px;"><strong>查看更多</strong> </p>
                                <p style="color: rgb(182, 139, 139);">热门</p>
                            </a>
                            <a href="" class="fl_left" style="width: 99px;">
                                <img src="./../img/查看更多.svg" alt="">
                            </a>
                        </div>
                    </li>
                </ul>
                <div class="big_photo1 mediate">
                    <img class="mediate" src="./../img/80%宽_图7.webp" alt="">
                </div>
            </div>

            <!-- 内容盒子底下最后视频模块 -->
            <div class="container_second clearfix mediate last_box">
                <div class="mobile_phone tittle clearfix">
                    <span>视频</span>
                    <a class="fl_right" href="https://www.mi.com/video">
                        <span class="check_more">查看全部</span>
                        <span class="right_arrow">&gt;</span>
                    </a>
                </div>
                <!-- 四个视频 -->
                <div class="ray_burse clearfix">
                    <div class="mv1 fl_left">
                        <video src="./../video/小米视频.mp4" controls muted></video>
                    </div>
                    <div class="mv1 fl_left">
                        <video class="mi_v" src="./../video/小米视频2.mp4" controls muted></video>
                    </div>
                    <div class="mv1 fl_left">
                        <video src="./../video/小米视频.mp4" controls muted></video>
                    </div>
                    <div class="mv1 fl_left">
                        <video class="mi_v" src="./../video/小米视频2.mp4" controls muted></video>
                    </div>
                </div>
            </div>

            <!-- 底部模块 -->
            <div class="footer">
                <div class="introduce mediate">
                    <ul class="top clearfix">
                        <li><img src="./../icon/维修.png" alt=""><a href="">预约维修服务</a><span>|</span></li>
                        <li><img src="./../icon/7天无理由退货.png" alt=""><a href="">7天无理由退货</a><span>|</span></li>
                        <li><img src="./../icon/15天无理由退货.png" alt=""><a href="">15天免费换货</a><span>|</span></li>
                        <li><img src="./../icon/礼物.png" alt=""><a href=""> 满69包邮</a><span>|</span></li>
                        <li><img src="./../icon/定位.png" alt=""><a href="">520余家售后网点</a></li>
                    </ul>
                    <hr>
                    <div class="columns clearfix">
                        <ul class="first fl_left">
                            <li>帮助中心</li>
                            <li><a href="">账户管理</a></li>
                            <li><a href="">购物指南</a></li>
                            <li><a href="">服务支持</a></li>
                        </ul>
                        <ul class="seocnd fl_left">
                            <li>服务支持</li>
                            <li><a href="">账户管理</a></li>
                            <li><a href="">小米之家</a></li>
                            <li><a href="">账户管理</a></li>
                        </ul>
                        <ul class="third fl_left">
                            <li>帮助中心</li>
                            <li><a href="">加入小米</a></li>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">关注我们</a></li>
                            <li><a href="">防伪查询</a></li>
                        </ul>
                        <ul class="fourth fl_left">
                            <li>关于小米</li>
                            <li><a href="">账户管理</a></li>
                            <li><a href="">企业社会责任</a></li>
                            <li><a href="">授权体验店</a></li>
                            <li><a href="">服务网点</a></li>
                        </ul>
                        <ul class="fifth fl_left">
                            <li>帮助中心</li>
                            <li><a href="">官方微信</a></li>
                            <li><a href="">廉洁举报</a></li>
                            <li><a href="">特色服务</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">F 码通道</a></li>
                        </ul>
                        <ul class="sixth fl_left">
                            <li>帮助中心</li>
                            <li><a href="">相关下载</a></li>
                            <li><a href="">自助服务</a></li>
                            <li><a href="">了解小米</a></li>
                            <li><a href="">投资者关系</a></li>
                            <li><a href="">公益基金会</a></li>
                        </ul>
                        <ul>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>